<?php
include "includes/ui.php";

echo headerHTML("master","ผู้ใช้งาน");
?>
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> จัดการผู้ใช้งาน</h3>
        </div>
  <form class="form-horizontal">
        <div class="modal-body">
				<div class="control-group">
						<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> Username</label>
						<div class="controls">
							 <input type="text" id="txtUsername" class='span3' required maxlength="100" placeholder="Username">
						</div>
				</div>
				<div class="control-group">
						<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> Password</label>
						<div class="controls">
							 <input type="password" id="txtPassword" class='span3' maxlength="100" required placeholder="Password">
						</div>
				</div>
				
				 <div class="control-group">
						<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ชื่อ-นามสกุล</label>
						<div class="controls">
							 
							 <input type="text" id="txtName" class='span3' required maxlength="100" placeholder="ชื่อ-นามสกุล">
						</div>
				</div>
				
				<div class="control-group">
						<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i>  แผนก/ฝ่าย</label>
						<div class="controls">
							<select class="no-margin" id='cboDepartment' style='width:250px !important;' tabindex="2">
							</select>
						</div>
				</div>
				<div class="control-group">
					 <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> กลุ่มผู้ใช้งาน</label>
						<div class="controls">
							<select class="no-margin" id='cboGroup' style='width:250px !important;'  >
							</select>
						</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="inputRepeat"><i class="icon-double-angle-right"></i> สถานะการใช้งาน</label>
					<div class="controls">
						<label class="radio">
							<span>
								<input type="radio" name="chk"  value="Y" id='chkY' checked> 
							</span>
						   ใช้งาน
						</label>
						  <label class="radio">
							<span>
								<input type="radio" name="chk" value="N"  id="chkN"> 
							</span>
						   ยกเลิกใช้งาน
						</label>
					</div>
				</div>
        </div>


        <div class="modal-footer">
			<button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        </div>
	</form>
</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> ผู้ใช้งาน</h3>
            <div class='tmp' style='float:right'>
			<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
                  <a href="#popup" data-toggle="modal"><button class="btn btn-primary" id='btnAdd' data-original-title="เพิ่มข้อมูล"  rel="tooltip" >เพิ่ม</button></a>
            </div>
        </div>
        <!-- /  : Top Bar -->
		
        <!-- Pie: Content -->
        <div class="well no-padding">
		<div class="span12">
			  <form class="form-horizontal" style="margin-bottom:0px;">
				<div class="row-fluid">
					<div class='span12'>
					 
					 	<div class="control-group">
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i>   Username</label>
								<div class="controls">
									<input type="text" id="txtUsername_s" class="span3" placeholder="username" />
									<span class="help-inline" style="margin-left:50px;">
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>ชื่อ-นามสกุล</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="txtName_s" placeholder="ชื่อ-นามสกุล"/>
									</span>
								 </div>
						  </div>
						<div class="control-group">
							<label class="control-label" style='padding-top:5px;'><i class="icon-double-angle-right"></i> ฝ่าย/แผนก</label>
							<div class="controls">
								<select class="no-margin span3" tabindex="1" id='cboDepartment_s' style="width:230px !important;">
								</select>
									<span class="help-inline" style="margin-left:50px;">
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>กลุ่มผู้ใช้งาน</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<select class="no-margin span3" tabindex="1" id='cboGroup_s' style="width:230px !important;">
										</select>
										  <button class="btn btn-inverse" style='margin-left:100px;' rel="tooltip"  data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
									</span>
							</div>
							
						</div>
					</div>
				</div>
			</form>
		</div>

            <table class="data-table" id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:50px;'>#</th>
						<th style='color:#333 !important;' class='left'>0</th>
                        <th style='color:#333 !important;width:100px'>Username</th>
						<th style='color:#333 !important;' class='left'>0</th>
                        <th style='color:#333 !important;' class='left'>ชื่อ - นามสกุล</th>
						<th style='color:#333 !important;width:150px;' class="center">แผนก/ฝ่าย </th>
						<th style='color:#333 !important;width:150px;' class="center">กลุ่มผู้ใช้งาน </th>
						<th style='color:#333 !important;width:120px;' class="center">ใช้งานล่าสุด</th>
						<th style='color:#333 !important;width:100px;' class="center">สถานะ</th>
                        <th style='color:#333 !important;width:70px;' class="center">แก้ไข</th>
                        <th style='color:#333 !important;width:70px;' class="center">ลบ</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/myScript/js_user.js"></script>

</html>